*{
	margin: 0;
	padding: 0;
	
}
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.box
{	
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background:  url(../Images/backgound.png) no-repeat center center;
	background-size: cover ;
}
.box-small{
	display: flex;
	justify-content: space-between;
	width: 84%;
	height: 74%;
	background-color: #ffffff;
		box-shadow: -2px 0px 21px 0px;
		 rgba(190,190,190,0.56);
		 border-radius: 20px;
}
.box-small-left{
	width: 52%;
	height: 100%;
	background: url(../Images/书本.png)no-repeat center center;
	background-size: cover;
}
.box-small-right{
	width: 48%;
	height: 100%;
}
.box-form{
	width: 100%;
	height: 30%;

}
.box-title{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: 30%;

}
.box-form-button{
	width: 100%;
	height: 40%;

}
.box-form-name{
	display: flex;
	justify-content: center;
	align-items: center;
}.box-form-pwd{
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-form-button{
		display: flex;
		justify-content: center;
		align-items: center;
}
.box-form-val{
	display: flex;
	justify-content: center;
	align-items: center;
}



